<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"
		    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>专业词汇详情</title>
		<link rel="stylesheet" href="../common/css/vant-index.css" />
		<link rel="stylesheet" href="../common/css/common.css">
		<link rel="stylesheet" href="css/toolbox.css">
	</head>
	<body style="background-color: white;">
		<div id="app" v-cloak style="padding:15px 10px;">
			<p style="font-size:16px;color: rgba(0, 0, 0, 0.65);">{{detail.wordName}}</p>
			<p style="font-size:14px;line-height:25px; margin-top: 10px;color:rgba(0, 0, 0, 0.45) ;">{{detail.wordExplain}}</p>	
		</div>
		
	
	</body>
	<!-- 上线环境用 -->
	<script src="../common/js/vue.global.prod.js"></script>
	<script src="../common/js/axios.min.js"></script>
	<!-- 引入 UI 组件库 -->
	<script src="../common/js/vant.min.js"></script>
	<script src="../base.js"></script>
	<script src="../common/js/url.min.js"></script>
	
	<script type="module">
		import {
			getAction,
			postAction,
			spliceUrl
		} from '../common/js/api/vue3-axios-utils.js'
		
		
	    const PatientData = {
	        data() {
	            return {
					url: {
						wordDetail: '/article/word/detail',
					},
					detail:{},
					drugUse:[{
						id:1,
						name:'口服药'
					},{
						id:2,
						name:'胰岛素针'
					},{
						id:3,
						name:'GLP-1类似物'
					},{
						id:4,
						name:'其他'
					}],
					use:''
				};
	        },
			watch: {
			},
	        created() {
				let id = url('?id')
				this.getWordDetail(id)
	        },
	        mounted() {
	        },
	        methods: {
				getWordDetail(id){
					postAction(spliceUrl(this.url.wordDetail),{dataId:id}).then(res => {
						res = res.data
						console.log('getWordDetail', res.result)
						if (res.success) {
							this.detail = res.result
						}
					})
				},
			},
			
	    };
	
	    const app = Vue.createApp(PatientData);
	
	    app.use(vant);
	    app.use(vant.Lazyload);
	
	    app.mount("#app");
	</script>
</html>
